body {
    background-color: #F8F8FA;
}

li.nav-item {
    list-style: none;
    list-style-type: none;
}

textarea.form-control {
    resize: none;
}

table thead tr {
    box-shadow: 0 1px 1px #DEE2E6;
}

tr.selected {
    background-color: rgba(0, 0, 0, 0.075);
}

th {
    white-space: nowrap;
}

th.w1, td.w1 {
    width: 1rem;
}

th.w2, td.w2 {
    width: 2rem;
}

th.w3, td.w3 {
    width: 3rem;
}

th.w4, td.w4 {
    width: 4rem;
}

th.w5, td.w5 {
    width: 5rem;
}

th.w6, td.w6 {
    width: 6rem;
}

th.w7, td.w7 {
    width: 7rem;
}

th.w8, td.w8 {
    width: 8rem;
}

th.w9, td.w9 {
    width: 9rem;
}

th.w10, td.w10 {
    width: 10rem;
}

th.w15, td.w15 {
    width: 15rem;
}

th.w20, td.w20 {
    width: 20rem;
}

th.center, td.center {
    text-align: center;
}

th.right, td.right {
    text-align: right;
}

th.index, td.index {
    font-weight: 400;
    text-align: right;
}

th.nowarp, td.nowarp {
    white-space: nowrap;
}

th.overflow, td.overflow {
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

th.overflow.lg, td.overflow.lg {
    max-width: 25rem;
}

td.btn-td {
    padding: 0.5rem 0.75rem;
}

td .fa.icon-true:before {
    color: #28A745;
    content: '\f00c';
}

td .fa.icon-false:before {
    color: #DC3545;
    content: '\f00d';
}

.bootstrap-select.form-control {
    background-color: transparent;
    border: none;
    display: block;
    padding: 0;
}

.bootstrap-select.form-control:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.bootstrap-select .dropdown-toggle {
    padding-right: 30px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
}

.bootstrap-select.form-control .dropdown-toggle {
    background-color: transparent;
    color: #495057;
    border: 1px solid #CED4DA;
}

.bootstrap-select.form-control .dropdown-toggle:focus {
    color: #495057;
    border-color: #80BDFF;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.bootstrap-select.form-control .dropdown-toggle:disabled {
    background-color: #E9ECEF;
    color: #495057;
    opacity: 1;
}

.bootstrap-select .dropdown-toggle .filter-option {
    display: block;
    float: left;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle:disabled.bs-placeholder {
    color: #90959C;
}

.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
    display: block;
}

.bootstrap-select > .dropdown-menu {
    z-index: 999999;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
    display: none;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li:focus {
    outline: 0;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li:focus,
.bootstrap-select > .dropdown-menu > .dropdown-menu li:hover {
    background-color: #F8F9FA;
    color: #16181B;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
    background-color:  transparent;
    border: 0;
    clear: both;
    color: #212529;
    display: block;
    font-weight: 400;
    padding: 0.25rem 1.5rem;
    width: 100%;    
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a:focus {
    outline: 0;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a span.check-mark {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-rendering: auto;
    line-height: 1;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a span.check-mark:before {
    content: '\f00c';
}

.modal-content.loading-content {
    display: block;
    padding: 1rem 1rem 0.8rem;
    text-align: center;
}

.modal-content.loading-content .fa-spin {
    color: #555555;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1;
    width: 1.5rem;
}

.modal-content.loading-content .loading-text {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5;
    max-width: 15rem;
    overflow: hidden;
    padding: 0 0.5rem;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    word-break: keep-all;
}

.modal-dialog.modal-fullscreen {
    margin: 1rem;
    max-width: calc(100% - 2rem);

}

.modal-dialog.modal-fullscreen .modal-content {
    background-color: #F3F5F7;
}

.modal-dialog.modal-fullscreen .modal-body {
    height: calc(100vh - 94px);
    overflow-y: auto;
}

.modal-alert {
    font-size: 1em;
}

.modal-alert .modal-body {
    display: flex;
}

.modal-alert i.fa {
    display: block;
    font-size: 4rem;
}

.modal-alert i.fa-info-circle {
    color: #007BFF;
}

.modal-alert i.fa-exclamation-circle {
    color: #FFC107;
}

.modal-alert i.fa-question-circle {
    color: #17A2B8;
}

.modal-alert i.fa-times-circle {
    color: #DC3545;
}

.modal-alert p.alert-text {
    margin: auto 0;
    padding-left: 1rem;
    word-break: break-word;
}

#loading-box {
    text-align: center;
}

#loading-box > .modal-dialog {
    display: inline-block;
}

#navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

#navbar > .navbar-brand {
    display: inline-block;
}

#navbar > .navbar-brand > img {
    margin-right: 0.2rem;
    height: 2rem;
    vertical-align: top;
}

#navbar > .navbar-brand > span {
    line-height: 2rem;
    vertical-align: top;
}

#navbar-items {
    position: relative;
}

#user-nav-item .avatar {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;
}

#user-nav-item span {
    vertical-align: top;
}

#user-nav-item .dropdown-menu {
    left: unset;
    right: 0;
}

@media (min-width: 992px) {

    #user-nav-item {
        display: block;
        position: absolute;
        right: 0;
    }

}

.page-content {
    border-radius: 0;
    background: #FFFFFF;
    margin-top: -1px;
    overflow: hidden;
    padding: 0 1rem;
    position: relative;
}

.page-content > .card-body {
    min-height: calc(100vh - 128px);
    padding: 1.25rem 0;
}

.page-content > .card-footer {
    font-size: 0.8125rem;
    padding: 1.5rem 0;
}

.page-content > .card-footer p {
    line-height: 1.25rem;
    margin-bottom: 0;
}

.data-list-group > .pagination-bar {
    margin: 1rem 0 2rem;
}

.data-list-group > .pagination-bar .pagination {
    display: inline-flex;
    margin: 1rem 0.5rem 0 0;
}

.data-list-group > .pagination-bar .input-group {
    display: inline-flex;
    margin-top: 1rem;
    width: auto;
}

.data-list-group > .pagination-bar .input-group .input-group-text {
    background-color: #F8F9FA;
}

.data-list-group > .pagination-bar .input-group .custom-select {
    direction: rtl;
}

@media (max-width: 360px) {
    .data-list-group > .pagination-bar .pagination .page-item:nth-child(2),
    .data-list-group > .pagination-bar .pagination .page-item:nth-last-child(2) {
        display: none;
    }
}

.dual-input-group .input-group-content {
    flex: 1 1 auto;
    width: 1%;
}

.dual-input-group .input-group-content > input,
.dual-input-group .input-group-content .bootstrap-select > .btn-default {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.main-content.user .search-group {
    max-width: 360px;
}

.main-content.config .form-group textarea {
    max-width: 720px;
}

.main-content.config .input-box {
    margin-top: 0.5rem;
    max-width: 720px;
}

.main-content.config .data-list-group {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    box-sizing: border-box;
    margin-top: 0.5rem;
    max-width: 720px;
    max-height: 243px;
    overflow-y: auto;
}

.main-content.config .data-list-group .list-group-item {
    margin-left: -1px;
    margin-right: -1px;
    padding: 0.5rem 1rem;
    width: calc(100% + 2px);
}

.main-content.config .data-list-group .list-group-item:first-child {
    margin-top: -1px;
}

.main-content.config .data-list-group .list-group-footer {
    color: #6C757d;
    font-size: 0.875rem;
    margin-left: -1px;
    margin-right: -1px;
    padding: 0.5rem 1rem;
}
